﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/js")
</head>
<body>
    
    <section>
        
        <header>
            <div class="navbar navbar-inverse navbar-fixed-top">
                <div class="navbar-inner">
                    <div class="container">
                        <!--navigation goes here-->
                        <ul class="nav">
                          <li class="active">
                            <a class="brand" href="#"></a>
                          </li>
                          <li><a href="#">About</a></li>
                          <li><a href="#">Portfolio</a></li>
                          <li><a href="#">Contact</a></li>
                        </ul>
                        
                        <div class="pull-right"><img id="ajaxLoaderSymbol" src="../../Content/images/ajax-loader.gif"/></div>
                    </div>
                </div>
            </div>
        </header>
   
        <article class="container-fluid">
            <div class="row-fluid">
                <div class="span6">
                    <fieldset class="fieldset">
                        <legend>@ViewBag.Title</legend>
                        @RenderSection("Information", required: false)
                    </fieldset>
                </div>
            </div>

            <div class="row-fluid">
                <div id="colLeft" class="span6">
                    @RenderSection("colLeft", required: false)
                </div>

                <div id="colRight" class="span6">
                    @RenderSection("colRight", required: false)
                </div>
            </div>
        </article>
        <footer>
            @RenderSection("footer", required: false)
        </footer>
    </section>

    @RenderSection("scripts", required: false)

</body>
</html>
<script>
    $(document).ajaxStart(function () {
        $("#ajaxLoaderSymbol").fadeIn();
    });
    $(document).ajaxStop(function () {
        $("#ajaxLoaderSymbol").fadeOut();
    });
</script>